<link rel="stylesheet" href="<?php echo CSS; ?>/index.css">

<!-- 十年深耕 -->
<section>
    <div class="container-fluid ten">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 title">
                    <div class="tit-top">
                        <h3>喜邦品牌十年深耕化妆品产业</h3>
                        <h6>THE COSMETICS INDUSTRY</h6>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 col-sm-10 col-sm-offset-2 content">
                    <div class="col-xs-2">
                        <img src="./images/ico1.png" class="center-block" alt="">
                    </div>
                    <div class="col-xs-10 title-con">
                        <p>戴斗笠收获者，帮助超过200家化妆品行业客户提供过设计与策略服务。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid ten-2">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-10 col-sm-offset-2 content">
                    <div class="col-xs-2 ten-img">
                        <img src="./images/ico2.png" class="pull-left" alt="">
                        <label><strong>创意</strong></label>
                    </div>
                    <div class="col-xs-10 title-con">
                        <h6><strong>我们将创意融入包装和市场去，让品牌在玲琅满目的化妆品大潮中脱颖
                                而出。</strong></h6>
                        <p>We blend in creative packaging and market, the tinkling of jade
                            in the range of cosmetics brand tide come to the fore.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid ten">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-10 col-sm-offset-2 content">
                    <div class="col-xs-2 ten-img">
                        <img src="./images/ico3.png" class="center-block" alt="">
                    </div>
                    <div class="col-xs-10 title-con">
                        <p>资深专家顾问团队，100大新锐设计师阵容。与能者共事，方可铸就一流品牌。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- 我们最近的作品 -->
<section>
    <div class="container works">
        <div class="row">
            <div class="col-xs-12 title">
                <div class="tit-top">
                    <h3>我们最近做的作品</h3>
                    <h6>WE DO WORK LATELY</h6>
                    <div class="all-works pull-right">
                        <a href="" class="active"><span>近期作品</span></a>
                        <a href=""><span>全部作品</span></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="row img-box">
            <div class="col-xs-12 col-sm-7 left">
                <a href=""><img src="./images/index/index_03.jpg" class="img-responsive center-block" alt=""></a>
            </div>
            <div class="col-xs-12 col-sm-5 right">
                <h3><strong>爱典</strong></h3>
                <p>以守护女性美好肌肤为终极目标的专业护肤品牌-Aidian
                    爱典，为缔造女性梦寐以求的无瑕、水润、细嫩的肌肤，
                    全新研制出植物密码奢养幻白护肤系列...</p>
                <a href=""><img src="./images/index_07.png" alt=""></a>
            </div>
        </div>
        <div class="row more">
            <div class="bottom center-block">MORE</div>
        </div>
    </div>
</section>


<!-- 资深团队 -->
<section>
    <div class="container-fluid team">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 title">
                    <div class="tit-top">
                        <h3>资深专家顾问团队，100大新锐设计师阵容</h3>
                        <h6>RECOMMENDED DESIGNER</h6>
                        <div class="all-works pull-right">
                            <a href="" class="active"><span>精英团队</span></a>
                            <a href=""><span>全部团队</span></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-6 col-sm-4 col-md-2 team-item">
                    <a href=""><img src="./images/index/index_04.jpg" class="img-responsive center-block" alt=""></a>
                </div>
                <div class="col-xs-6 col-sm-4 col-md-2 team-item">
                    <a href=""><img src="./images/index/index_04-04.jpg" class="img-responsive center-block" alt=""></a>
                </div>
                <div class="col-xs-6 col-sm-4 col-md-2 team-item">
                    <a href=""><img src="./images/index/index_05.jpg" class="img-responsive center-block" alt=""></a>
                </div>
                <div class="col-xs-6 col-sm-4 col-md-2 team-item">
                    <a href=""><img src="./images/index/index_06.jpg" class="img-responsive center-block" alt=""></a>
                </div>
                <div class="col-xs-6 col-sm-4 col-md-2 team-item">
                    <a href=""><img src="./images/index/index_07.jpg" class="img-responsive center-block active" alt=""></a>
                </div>
                <div class="col-xs-6 col-sm-4 col-md-2 team-detail">
                    <h3>杨昊昊</h3>
                    <h6>高级平面设计师</h6>
                    <p>2003年毕业于haliluya设计学院...</p>
                    <a href=""><span class="iconfont icon-xiangyou"></span></a>
                </div>
            </div>
            <div class="row more">
                <div class="bottom center-block">MORE</div>
            </div>
        </div>
    </div>
</section>


<!-- 最新资讯 -->
<section>
    <div class="container-fluid news">
        <div class="container">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 title">
                        <div class="tit-top">
                            <h3>最新资讯</h3>
                            <h6>NEWS INFORMATION</h6>
                            <div class="all-works pull-right">
                                <a href="news_detail.php?news_type=<?php echo $news_type[1]['new_type_id']; ?>" class="active">
                                    <span><?php echo $news_type[0]['new_type_name']; ?></span>
                                </a>
                                <a href="news_detail.php?news_type=<?php echo $news_type[4]['new_type_id']; ?>">
                                    <span><?php echo $news_type[4]['new_type_name']; ?></span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <?php foreach($news as $val){ ?>
        <div class="container news-2">
            <div class="row">
                <div class="col-xs-5 col-md-push-1 col-lg-push-2 news-left">
                    <span class="time"><?php echo date('m', $val['news_time']); ?><label><?php echo date('d', $val['news_time']); ?></label></span>
                    <a href="news_detail.php?news_id=<?php echo $val['news_id']; ?>">
                        <img src="<?php echo ROOT.'/admin/'.$val['news_img']; ?>" class="img-responsive news-img" alt="">
                    </a>
                </div>
                <div class="col-xs-7 news-right">
                    <h3><?php echo $val['news_title'] ?></h3>
                    <label class="date"><?php echo date('Y-m-d', $val['news_time']); ?></label>
                    <p><?php echo mb_substr($val['news_content'], 0, 40); ?>...</p>
                </div>
            </div>
        </div>
        <?php } ?>
        <!-- <div class="container news-2">
            <div class="row">
                <div class="col-xs-4 col-lg-offset-1 news-left">
                    <span class="time">11<label>03</label></span>
                    <a href="">
                        <img src="./images/pic1.jpg" class="img-responsive">
                    </a>
                </div>
                <div class="col-xs-7 col-lg-pull-1 news-right">
                    <h3>中国以规定化妆品生产企业建立需要全过程</h3>
                    <label class="date">2016-03-18</label>
                    <p>国家食品药品监督总局17日就《化妆品生产许可工作指南（暂行）》和《化妆品生产
                        许可检查》...</p>
                </div>
            </div>
        </div>
        <div class="container news-2">
            <div class="row">
                <div class="col-xs-4 col-lg-offset-1 news-left">
                    <span class="time">07<label>03</label></span>
                    <a href="">
                        <img src="./images/01 (2).png" class="img-responsive" alt="">
                    </a>
                </div>
                <div class="col-xs-7 col-lg-pull-1 news-right">
                    <h3>实体店该如何面对电商冲击</h3>
                    <label class="date">2016-03-18</label>
                    <p>移动互联网的到来，电商的出现，使历史发展的必然，任何人都没办法阻止这股潮流，
                        想躲...</p>
                </div>
            </div>
        </div> -->
        <div class="row more">
            <div class="bottom center-block">MORE</div>
        </div>
</section>

<script>
    $(function() {
        $('.my-nav ul li').mouseenter(function() {
            $(this).addClass('active').siblings().removeClass('active');
        })
        $('.all-works a').mouseenter(function() {
            $(this).addClass('active').siblings().removeClass('active');
        })
        $('.news .news-2').mouseenter(function(){
            $(this).addClass('news-1').removeClass('container').siblings().addClass('container').removeClass('news-1');
        })
        $('.team .team-item img').mouseenter(function() {
            $(this).addClass('active').parent().parent().siblings().children().children().removeClass('active');
        })
    })
</script>